<template>
  <div class="home">
    <nav-bar class="header"/><!--顶部导航部分-->
    <nav-top class="nav-top"/>
    <banner class="banner"/>
    <main-top/>
    <footer-bottom class="footer"/>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import navBar from '@/components/navBar/navBar.vue'
import navTop from '@/components/navTop/navTop.vue'
import banner from '@/components/banner/banner.vue'
import mainTop from '@/components/mainTop/mainTop.vue'
import footerBottom from '@/components/footerBottom/footerBottom.vue'
export default {
  name: 'Home',
  components: {
    // HelloWorld
    navBar,
    navTop,
    banner,
    mainTop,
    footerBottom
  }
}
</script>

<style scoped>
.header{
  top: 0;
}
.nav-top{
  width: 999px;
  margin: 0 auto;
}
</style>